<head>
        <link rel="stylesheet" type="text/css" href="template/bootstrap/css/demo.css" />
        <link rel="stylesheet" type="text/css" href="template/bootstrap/css/style.css" />
        <link rel="stylesheet" type="text/css" href="template/bootstrap/css/animate-custom.css" />
</head>
<a href="index.php">Index</a>
      <body>
        <div class="container">
            <section>               
                <div id="container_demo" >
                    <!-- hidden anchor to stop jump http://www.css3create.com/Astuce-Empecher-le-scroll-avec-l-utilisation-de-target#wrap4  -->
                    <a class="hiddenanchor" id="toregister"></a>
                    <a class="hiddenanchor" id="tologin"></a>
                    <div id="wrapper">
                        <div id="login" class="animate form">
                            <form  action="login.php" autocomplete="on" method="post" > 
                                <h1>Log in</h1> 
                                <p> 
                                    <label for="username" class="uname" > Your email</label>
                                    <input type="email" name="usr" id="inputIcon" required="required" placeholder="mymail@mail.com"/>
                                </p>
                                <p> 
                                    <label for="password" class="youpasswd"> Your password </label>
                                    <input type="password" name="pwd" id="inputIcon" required="required" placeholder="eg. X8df!90EO" /> 
                                </p>
                                <p class="login button"> 
                                    <input type="submit" name="submit" value="submit"/> 
                                </p>
                                <p class="change_link">
                                    Not a member yet ?
                                    <a href="#toregister" class="to_register">Join us</a>
                                </p>
                            </form>
                        </div>

                        <div id="register" class="animate form">
                            <form  action="sign.php" autocomplete="on" method="post"> 
                                <h1> Sign up </h1> 
                                <p> 
                                    <label for="usernamesignup" class="uname" >Realname</label>
                                    <input id="real" name="real" required="required" type="text" Autofocus/>
                                </p>
                                <p> 
                                    <label for="emailsignup" class="youmail" >Your email</label>
                                    <input id="email" name="email" required="required" type="email"/> 
                                </p>
                                <p> 
                                    <label for="passwordsignup" class="youpasswd">Password </label>
                                    <input id="password" name="password" required="required" type="password"/>
                                </p>
                                <p> 
                                    <label for="usernamesignup" class="uname" >No Telp</label>
                                    <input id="telp" name="telp" required="required" type="text"/>
                                </p>
                                <p> 
                                    <label for="usernamesignup" class="uname" >Alamat</label>
                                    <input id="alamat" name="alamat" required="required" type="text"/>
                                </p>
                                <p> 
                                    <label for="usernamesignup" class="uname" >Kode Pos</label>
                                    <input id="pos" name="pos" required="required" type="text"/>
                                </p>
                                <p class="signin button"> 
                                    <input type="submit" name="sign" id="sign" value="sign"/> 
                                </p>
                                <p class="change_link">  
                                    Already a member ?
                                    <a href="#tologin" class="to_register"> Go and log in </a>
                                </p>
                            </form>
                        </div>
                        
                    </div>
                </div>  
            </section>
        </div>
    </body>
